html {
    height:100%;
}
body  {
	height:100%;
	font-family: "微软雅黑","楷体";
	text-align: left;
	line-height: 157%;
	color: #666666;
	font-size: 13px;
	letter-spacing: 0px;
	background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0%, #82c0f0),color-stop(40%, #e0e0e0),color-stop(100%, #ededed));
	background-image:-webkit-linear-gradient( top,#82c0f0 0%, #e0e0e0 40%, #ededed 100%);
	background-image:-moz-linear-gradient( top,#82c0f0 0%, #e0e0e0 40%, #ededed 100%);
	background-image:-o-linear-gradient( top,#82c0f0 0%, #e0e0e0 40%, #ededed 100%);
	background-image:-ms-linear-gradient( top,#82c0f0 0%, #e0e0e0 40%, #ededed 100%);
	background-image:linear-gradient( to bottom,#82c0f0 0%, #e0e0e0 40%, #ededed 100%);
}

body h1  {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	line-height: 120%;
}

body h2  {
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	line-height: 120%;
}

body h3  {
	color: #5F5F5F;
	font-size: 20px;
	font-weight: normal;
	line-height: 120%;
}

body h4  {
	color: #5F5F5F;
	font-size: 14px;
	font-weight: bold;
}

body p  {
	font-size: 13px;
	color: #666666;
	line-height: 157%;
}

body a  {
	color: #0000FF;
	font-weight: normal;
	text-decoration: none;
	font-size: 13px;
	line-height: 157%;
}

body a:active,
body a:hover {
	color: #FF0000;
}

body a:visited {
	color: #7A1A8B;
}.main_wrapper {
	clear: both;
	min-height: 591px;
	width: 960px;
	margin: 0px auto;
}

.Header {
	clear: both;
	min-height: 180px;
}

.Content {
	clear: both;
	background-color:#FFFFFF;
	box-shadow:0px 0px 25px 2px rgba(0,0,0,0.55);
	-moz-box-shadow:0px 0px 25px 2px rgba(0,0,0,0.55);
	-webkit-box-shadow:0px 0px 25px 2px rgba(0,0,0,0.55);
	border-style:dashed;
	border-width:3px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	min-height:376px;
}

.content_header {
	clear: both;
	border-bottom:0px dashed rgb(176, 176, 176);
	min-height:64px;
	border-color:#666666;
	border-style:none;
	border-width:0px;
}

.row_6 {
	clear: both;
	height:1px;
	background-image:-webkit-gradient(linear, left top, left bottom,color-stop(25%, #ffffff),color-stop(48%, #dbdbdb),color-stop(72%, #ffffff));
	background-image:-webkit-linear-gradient( top,#ffffff 25%, #dbdbdb 48%, #ffffff 72%);
	background-image:-moz-linear-gradient( top,#ffffff 25%, #dbdbdb 48%, #ffffff 72%);
	background-image:-o-linear-gradient( top,#ffffff 25%, #dbdbdb 48%, #ffffff 72%);
	background-image:-ms-linear-gradient( top,#ffffff 25%, #dbdbdb 48%, #ffffff 72%);
	background-image:linear-gradient( to bottom,#ffffff 25%, #dbdbdb 48%, #ffffff 72%);
}

.content_form {
	clear: both;
	min-height: 271px;
}

.row_5 {
	clear: both;
	min-height: 37px;
	border-top:1px dashed #EBEBEB;
}

.book_detail {
	float: left;
	width: 477px;
	min-height: 266px;
}

.book_source {
	float: left;
	width: 477px;
	min-height: 241px;
	margin-top:30px;
}

.book_thumb {
	clear: both;
	min-height: 92px;
	width:329px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border-style:dashed;
	border-width:0px;
	border-color:#C2C2C2;
	background-image:-webkit-gradient(linear, left top, right top,color-stop(0%, #8f598f),color-stop(100%, #5c165c));
	background-image:-webkit-linear-gradient( left,#8f598f 0%, #5c165c 100%);
	background-image:-moz-linear-gradient( left,#8f598f 0%, #5c165c 100%);
	background-image:-o-linear-gradient( left,#8f598f 0%, #5c165c 100%);
	background-image:-ms-linear-gradient( left,#8f598f 0%, #5c165c 100%);
	background-image:linear-gradient( left,#8f598f 0%, #5c165c 100%);
	text-align:center;
	box-shadow:1px 1px 25px 4px rgba(0,0,0,0.45);
	-moz-box-shadow:1px 1px 25px 4px rgba(0,0,0,0.45);
	-webkit-box-shadow:1px 1px 25px 4px rgba(0,0,0,0.45);
}

.book_src {
	clear: both;
	min-height: 92px;
	width:329px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border-style:dashed;
	border-width:0px;
	border-color:#C2C2C2;
	background-image:-webkit-gradient(linear, left top, right top,color-stop(0%, #33adcc),color-stop(100%, #235061));
	background-image:-webkit-linear-gradient( left,#33adcc 0%, #235061 100%);
	background-image:-moz-linear-gradient( left,#33adcc 0%, #235061 100%);
	background-image:-o-linear-gradient( left,#33adcc 0%, #235061 100%);
	background-image:-ms-linear-gradient( left,#33adcc 0%, #235061 100%);
	background-image:linear-gradient( left,#33adcc 0%, #235061 100%);
	box-shadow:1px 1px 25px 5px rgba(0,0,0,0.45);
	-moz-box-shadow:1px 1px 25px 5px rgba(0,0,0,0.45);
	-webkit-box-shadow:1px 1px 25px 5px rgba(0,0,0,0.45);
}

.row_1 {
	clear: both;
	min-height: 317px;
}

.row_2 {
	clear: both;
	min-height: 188px;
}

.row_3 {
	clear: both;
	min-height: 101px;
}

.row_4 {
	clear: both;
	min-height: 115px;
}

.control_btn {
	float: left;
	padding: 10px;
}

.heading {
	float: left;
}

.content_function {
	clear: both;
	min-height:312px;
}

.function_options {
	clear: both;
	min-height: 45px;
}

.function_main {
	clear: both;
	min-height: 202px;
}

.function_footer {
	clear: both;
	min-height: 65px;
}

.column_1 {
	float: left;
	width: 317px;
	min-height: 297px;
	border-right:1px dashed #BABABA;
	border-color:#666666;
	border-style:none dashed none none;
	border-width:0 1px 0 0;
}

.column_2 {
	float: left;
	width: 317px;
	min-height: 297px;
	border-right:1px dashed;
}

.column_3 {
	float: left;
	width: 318px;
	min-height: 297px;
}

.Footer {
	clear: both;
	min-height: 100px;
    bottom:0;
    position:absolute;
}

.uploaderQueue {
	clear: both;
	min-height: 134px;
}

h3.heading {
	margin-bottom: 1em;
	margin-top:1em;
}

a.button  {
	display: inline-block;
	text-decoration: none;
	padding: 55px 20px;
	text-align: center;
	font-size: 22px;
	line-height: 120%;
	color: #FFF;
	min-height:23px;
	width:177px;
	margin:25% 50px;
	background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0%, #0f5685),color-stop(100%, #0da0b3));
	background-image:-webkit-linear-gradient( top,#0f5685 0%, #0da0b3 100%);
	background-image:-moz-linear-gradient( top,#0f5685 0%, #0da0b3 100%);
	background-image:-o-linear-gradient( top,#0f5685 0%, #0da0b3 100%);
	background-image:-ms-linear-gradient( top,#0f5685 0%, #0da0b3 100%);
	background-image:linear-gradient( to bottom,#0f5685 0%, #0da0b3 100%);
}

a.button:hover {
	color: #FFF;
	background-color: #01B6F1;
}

a.button:active {
	color: #FFF;
}

a.button:visited {
	color: #FFF;
}

a.button1  {
	display: inline-block;
	text-decoration: none;
	padding: 55px 20px;
	text-align: center;
	font-size: 22px;
	line-height: 120%;
	color: #FFF;
	min-height:23px;
	width:177px;
	margin:25% 50px;
	background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0%, #7f2391),color-stop(100%, #bd68b7));
	background-image:-webkit-linear-gradient( top,#7f2391 0%, #bd68b7 100%);
	background-image:-moz-linear-gradient( top,#7f2391 0%, #bd68b7 100%);
	background-image:-o-linear-gradient( top,#7f2391 0%, #bd68b7 100%);
	background-image:-ms-linear-gradient( top,#7f2391 0%, #bd68b7 100%);
	background-image:linear-gradient( to bottom,#7f2391 0%, #bd68b7 100%);
}

a.button1:hover {
	background-color: #91B522;
	color: #FFF;
}

a.button1:active {
	color: #FFF;
}

a.button1:visited {
	color: #FFF;
}

a.button2  {
	display: inline-block;
	text-decoration: none;
	padding: 55px 20px;
	text-align: center;
	font-size: 22px;
	line-height: 120%;
	color: #FFF;
	margin:25% 50px;
	min-height:23px;
	width:178px;
	background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0%, #b81833),color-stop(100%, #d11b1b));
	background-image:-webkit-linear-gradient( top,#b81833 0%, #d11b1b 100%);
	background-image:-moz-linear-gradient( top,#b81833 0%, #d11b1b 100%);
	background-image:-o-linear-gradient( top,#b81833 0%, #d11b1b 100%);
	background-image:-ms-linear-gradient( top,#b81833 0%, #d11b1b 100%);
	background-image:linear-gradient( to bottom,#b81833 0%, #d11b1b 100%);
}

a.button2:hover {
	background-color: #E60000;
	color: #FFF;
}

a.button2:active {
	color: #FFF;
}

a.button2:visited {
	color: #333;
}

a.uploader  {
	display: inline-block;
	text-decoration: none;
	padding: 10px 20px;
	margin:10px;
	float:right;
	width:100px;
	text-align: center;
	background-color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 120%;
	color: white;
}

a.uploader:hover {
	background-color: #A52B2B;
	color: white;
}

a.uploader:visited {
	color: #FF4141;
}

a.uploader:active {
	color: #333333;
}

a.submit {
	display: inline-block;
	text-decoration: none;
	padding: 10px 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 120%;
	color: #F0F0F0;
	min-height:2px;
	float:right;
	margin:10px;
	width:110px;
	background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0%, #1fab88),color-stop(100%, #148552));
	background-image:-webkit-linear-gradient( top,#1fab88 0%, #148552 100%);
	background-image:-moz-linear-gradient( top,#1fab88 0%, #148552 100%);
	background-image:-o-linear-gradient( top,#1fab88 0%, #148552 100%);
	background-image:-ms-linear-gradient( top,#1fab88 0%, #148552 100%);
	background-image:linear-gradient( to bottom,#1fab88 0%, #148552 100%);
}

.uploader {
	display: inline-block;
	text-decoration: none;
	padding: 55px 20px;
	text-align: center;
	font-size: 22px;
	line-height: 120%;
	color: #FFF;
	min-height:23px;
	width:177px;
	margin:25% 50px;
	background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0%, #7f2391),color-stop(100%, #bd68b7));
	background-image:-webkit-linear-gradient( top,#7f2391 0%, #bd68b7 100%);
	background-image:-moz-linear-gradient( top,#7f2391 0%, #bd68b7 100%);
	background-image:-o-linear-gradient( top,#7f2391 0%, #bd68b7 100%);
	background-image:-ms-linear-gradient( top,#7f2391 0%, #bd68b7 100%);
	background-image:linear-gradient( to bottom,#7f2391 0%, #bd68b7 100%);
}

.uploader:hover {
	background-color: #A52B2B;
	color: white;
}

.uploader:visited {
	color: #FF4141;
}

.uploader:active {
	color: #333333;
}
.heading1 {
	text-align: center;
	margin-top:30px;
	margin-bottom:30px;
	font-size:25px;
	color:white;
}

.heading2 {
	margin-top: 30px;
	margin-bottom:30px;
	min-height:5px;
	font-size:25px;
	color:white;
}

#bookDataGrid {
    margin-left:auto;
    margin-right:auto;
}

GridViewStyle
{   
     border-right: 2px solid #A7A6AA;
     border-bottom: 2px solid #A7A6AA;
     border-left: 2px solid white;
     border-top: 2px solid white;
     padding: 4px;
}

.GridViewStyle a
{
     color: #FFFFFF;
}

.GridViewHeaderStyle th
{
     border-left: 1px solid #EBE9ED;
     border-right: 1px solid #EBE9ED;
}

.GridViewHeaderStyle
{
     background-color: #5D7B9D;
     font-weight: bold;
     color: White;
}

.GridViewFooterStyle
{
     background-color: #5D7B9D;
     font-weight: bold;
     color: White;
}

.GridViewRowStyle
{
     background-color: #F7F6F3;
     color: #333333;
}

.GridViewAlternatingRowStyle
{
     background-color: #FFFFFF;
     color: #284775;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
     border: 1px solid #EBE9ED;
}

.GridViewSelectedRowStyle
{
     background-color: #E2DED6;
     font-weight: bold;
     color: #333333;
}

.GridViewPagerStyle
{
     background-color: #284775;
     color: #FFFFFF;
}

.GridViewPagerStyle table /* to center the paging links*/
{
     margin: 0 auto 0 auto;
}

.PanelStyle {
    margin:25px auto;
    min-height:80px;
    overflow-x:auto;
    width:95%;
}

.hmenubar  {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

.hmenubar li  {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	background: transparent;
}

.hmenubar li a  {
	display: block;
	margin: 0 5px 0 0;
	padding: 12px 5px;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	width: auto;
	height: auto;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	min-width: 73px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.hmenubar li a:hover {
	color: #FFF;
	background: #0099FF;
}

.hmenubar li a:active {
	color: #FFF;
	background: #4C4C4C;
}

.hmenubar li a.clicked {
	color: #FFF;
	background: #4C4C4C;
}